<script setup lang="ts">
import Confirm from '@/components/confirm/index'
const show = () => {
  Confirm({ title: '温馨警告', text: '你确认删除该商品么' }).then(() => {
    console.log('确认按钮被点击了, 跳转到首页')
  }).catch(() => {
    console.log('取消了 什么都不做')
  })
}
</script>
<template>
  <div>
    <!-- 不希望使用标签组件来显示这块结构, 想要使用函数的方式显示这个组件
      Confirm({title: 'xxx', text: 'xxx'})
    -->
    <button @click="show">显示</button>
    <!-- <XtxConfirm title="温馨提示" text="你确认退出么?"></XtxConfirm> -->
  </div>
</template>



<style scoped>
</style>